13996527831
详细

招聘网站网站设计、制作思路

发表日期:2021-02-23 09:11:20   作者来源:米卓网络   浏览:    

  招聘网是一种常见的网络形式。以招聘为例,招聘网站包含了不同的功能,如信息发布,会员注册,会员管理,会员信息等。做这样的网站,需要灵活地利用网页静态设计和网站程序编写等不同的知识,建立相对复杂的数据库和程序。招聘会网站需要将网站的页面效果和功能流程两个方面作为重点。有了漂亮的网页,才能被用户所接受;有了强大的用户功能,才能更好地实现与用户的数据交互,才能完成招聘工作。

招聘网站网站设计、制作思路

  一、网站风格定位

  进行网站设计前,需要对网站进行总体定位。站点定位包括确定站点功能、规划站点效果、Logo和Banner设计等工作。

  1、网站的主要功能

  一家求职网站,应该是专业的应用型网站,面对的对象,应该是企业招聘人员和求职人员中的一员。因此,网站的风格应该是清新自然的色彩与大众化的企业化网站内容,使用太具个性的色彩和风格是无法很好发挥控制的。

  招聘会网站的功能应围绕招聘和求职,针对的对象分别是企业和会员。这些特性都需要通过编号来设计出强大的特性。

  招聘会上,企业通过注册成为企业会员。登陆后,可以发布企业招聘信息,查看企业成员的求职信息,设置企业资料等。

  实现了个人会员功能,求职者通过注册,成为网站的个人会员。用户登陆后,可查看企业发布的招聘信息,可将个人简历发送到所需招聘岗位,管理自己的简历等功能。

  此外,网站还需要公告发布、招聘会发布、网站新闻等内容,这些不同功能板块之间存在着各种逻辑关系。图20-1中显示了站点中的数据关系。

招聘网站网站设计、制作思路

  2、设计了网页登录界面

  站点Logo是一个站点的标志,需要在不同场合使用到站点的Logo。一家招聘网站需要设计一种创造性的Logo来作为网站的品牌标志。

  站点Logo首先要突出站点的功能,让用户在浏览该Logo时能联想到站点招聘的功能。第二,网站的Logo需要有鲜明的颜色和内容。许多Logo链接都能吸引用户的注意力,然后点击这个Logo链接。

  3、Banner网站的设计

  招聘会网站的Banner就是其中的动画部分,该部分需要用网站主要开展的活动来体现其中的内容。在网站广告中,首页广告是最主要的,需要美观和高雅。Banner网站需要体现“眼球效应”,可以制作成动画形式,以动态效果吸引用户的注意;如果是静态图片,则需要用鲜明的颜色显示内容。

  二、用Dreamweaver创建一个表格结构页面

  创建动态网站前,需要绘制网站效果图,并对Fireworks进行优化,将其导出为网页,然后使用Dreamweaver进行网页布局和排版。

  1、设计网站效果图

  设计网站前,必须先绘制网站效果图。网页效果图是对网页风格、内容、基本布局等进行统一规划和定位。在Dreamweaver中仅进行网页排版,缺乏整体规划,就很难把漂亮的网页排版出来。

  招工网站,颜色要淡雅自然,不能用过于隆重的颜色。站点内容主要表现在企业招聘信息和个人求职信息上,而非表现出站点突出的个性色彩和艺术效果。

  可用于网站主调,可用于感觉淡白或淡蓝。网页图片,可搭配蓝色,深红,灰色等。站点内的广告,图片等需要考虑色彩搭配。在简洁的网页中,与一些较深的颜色搭配可以显示很好的视觉对比效果。

  站点效果图中,需要考虑站点的Logo布局、尺寸和相应布局的颜色关系等,在效果图中要很好地把握站点的整体色彩和布局效果。一旦你完成了网站效果图,你就需要使用Fireworks来切割和优化效果图,然后导出为网页。

  2、网页版式设计

  在将站点效果图导出为网页后,需要使用Dreamweaver来布局和排版网页。通过Dreamweaver的相关工具,参考效果图中的网页布局和效果,将这些效果在网页中进行排版。

  当设计字体时,需要考虑到网站设计中的便利性。通过程序动态生成动态网站的内容,进行布局设计时要有利于网站程序的编写。

  除主页版式设计和版式排版外,网站中的其它重要网页也要进行版式设计和排版。20.2.3静态网页和动态网页。

  对于ASP网站服务器,静态网站和动态网站的处理方法是不同的。一个静态站点的扩展名为.htm或.html,当用户打开一个网页时,服务器会直接将此网页发送给用户。一个动态站点的扩展名为.asp,当用户请求该页面时,服务器解释执行整个页面,完成数据库访问,生成相关页面的HTML代码,然后将结果页面发送给用户。

  但在网页文件中,静态网页与动态网页只是扩展名,而非文本文件。若将静态网页的扩展名改为.asp,则服务器上的网页属于动态网页。在网页中,服务器解释程序代码。若将动态网页的扩展名改为.htm或.html,则用户打开的网页不需要服务器运行。如网页中有ASP代码,ASP代码将直接显示在网页中而非显示运行结果。

  通过Dreamweaver布局排版的网页,只需将文件保存为.asp扩展名,或者将文件的扩展名更改为.asp,就是动态网页,然后在动态网页中编写ASP程序代码。

  三、创建数据库

  招聘求职网站中的数据内容比较复杂,有企业会员、个人会员、招聘信息、求职信息、招聘会信息、网站新闻等数据内容。这些数据有很强的逻辑关系。因此,在设计这个网站时需要详细分析每类数据和其他数据的逻辑关系,画出这些数据的关系图。根据这些关系合理地设置不同表的字段,建立这些数据表。

  1、设计数据表结构

  在这个网站中,可能有的数据内容如下。

  企业会员信息:记录已经注册的企业会员,包括各种企业信息。企业招聘信息:企业会员发送的招聘信息,与企业会员有逻辑关系。

  个人会员信息:个人会员注册信息,详细记录个人求职的信息和个人资料,可以根据这些信息生成个人简历。

  个人会员向企业发送的简历:个人会员查看招聘信息以后可以向此招聘信息发送应聘简历,和个人会员、企业会员、企业招聘信息有逻辑联系。

  网站公告信息:网站的各种公告和新闻信息,这些信息由管理员管理。网站管理员信息:网站管理员的登录信息,实现网站的权限管理。招聘会信息:网站管理员发布的招聘会信息。有了这些数据关系后,即可设计数据库的表。在设计数据表时,需要根据数据实际需要设置各个数据的字段和字段的数据类型。

  2、连接数据库

  同其他的ASP网站数据连接一样,网站中需要连接Access数据库时,可以使用下面的代码。在数据库连接文件中,需要把SERVER.MAPPATH("DATABASE/MYDB.ACCDB")中的数据库路径改为网站实际的数据库路径,然后将这个文件保存为 conn.asp。使用数据库连接的网页只需要包含这个文件。

  3、会员的注册

  招聘求职类的网站,为了加强权限的管理和增强会员功能,需要制作会员注册功能。会员注册并登录以后,才可以使用网站的某些功能。

  在会员注册功能中,可以把个人会员与企业会员存放在同一个表中,用一个字段区分是个人会员还是企业会员。这个表中还存放会员的联系方式等基本信息,需要有一个字段来表示会员的权限级别。用户在填写好注册信息以后,单击“提交”按钮,将把这个网页的注册信息发送到会员注册保存的网页。在保存会员时,需要先验证这个会员的名称是不是已经被占用,验证会员名与口令是不是有效。如果出现无效字段,则会转跳到出错网页,并提示出错原因。如果填写的信息正确,则保存注册信息。

  4、个人会员填写资料

  会员注册以后,还需要登录并填写会员资料。个人会员与企业会员所需要填写的资料是不同的,所以在数据库表中需要分开存放。在网页中也需要使用不同的网页实现会员资料的填写。在数据库中,会员表中的一条数据会对应会员资料表中的一条数据。个人会员需要填写个人专业、求职行业、学历、个人资料、求职信等内容。学科、求职行业等数据,需要有一个固定的范围,因此需要在数据库中建立相关的表。网页会从数据库中查找,生成下拉菜单的选项,用户直接从下拉菜单中选取内容。

  5、企业会员填写资料

  如同个人会员一样,企业会员也需要填写与更新企业资料,用户在应聘时需查看这些企业资料。企业资料包括企业类型、企业简介、联系方式等内容。企业会员要在登录以后自己完成信息的添加与修改。下面是企业会员资料添加的网页代码。

  6、企业会员发布招聘信息

  在求职招聘网站中,企业会员登录以后,需要自己完成发布招聘信息的工作。这个功能是通过表单提交与数据保存来实现的。用户登录以后,填写招聘信息,单击“提交”按钮以后,后台程序将招聘信息保存到数据库。

  7、个人会员查看招聘信息与发送求职

  在招聘求职网站中,个人会员查看企业招聘信息和向企业发送企业招聘信息是整个网站的重点。在这一模块中,需要查询多个数据表,每个数据表中的数据存在一定的逻辑联系。在网站的设计中,需要正确处理这些关系,正确地生成企业招聘信息页面和用户投送简历页面。

  在网站的首页或者招聘信息页会有招聘信息列表,单击招聘信息后会显示出招聘信息。在有招聘信息的网页上需要有个人会员发送简历的链接,个人会员单击这个链接以后可以向这个招聘信息发送简历。如果用户没有登录,则显示登录的链接。下面是查看招聘信息的网页代码。

  会员单击发送简历链接以后,需要有一个网页保存用户向企业发送的简历。在实际操作中,只需要保存招聘的id与会员的id即可。当企业查看会员时,会生成相关的会员简历。下面是保存用户简历的代码。

  8、会员简历的显示

  会员注册并填写用户资料以后,就可以生成用户的求职简历。在人才列表或企业查看会员信息时,可以链接到用户简历上面。用户简历的实现,就是在数据库中读出会员信息,然后将信息列表。下面是会员简历的代码。

  9、企业会员查看应聘信息

  企业登录以后,需要查看向自己企业发送简历的个人会员列表。在简历列表中,会列出企业所有的招聘信息与这一条招聘信息下面的求职简历。求职简历就是一个指向会员简历的链接,企业用户单击这个链接后,可以打开并查看会员的个人简历。

  10、网站中不同类别会员发送信息的实现

  在招聘求职网站中,会员与会员之间常需要在线发送信息,以实现用户与用户之间的交流。这就是会员之间的发送信息功能。会员登录自己的账户以后,可以查看自己的信息列表。点击列表中的信息以后,可以查看信息、回复信息或是删除信息。这个功能如同多用户留言板。会员发送信息的实现方式,是将一条记录记录在数据库中,这一条记录用会员的id号进行标识。会员登录以后,根据这个标识查找列表中的信息数据。